<template>
         <el-container style="height: 60px; border: 1px solid #eee">
            <el-header style="text-align: right; font-size: 12px">
                <el-dropdown>
                    <i class="el-icon-setting" style="margin-right: 15px"></i>
                    <el-dropdown-menu slot="dropdown">
                        <el-dropdown-item>修改密码</el-dropdown-item>
                        <el-dropdown-item>注销</el-dropdown-item>
                        <el-dropdown-item>退出</el-dropdown-item>
                    </el-dropdown-menu>
                </el-dropdown>
                <span>admin</span>
            </el-header> 
                 </el-container>
  
</template>

<script>
export default {
   name: 'IndexHeader' 
}
</script>

<style scoped>
        .el-header {
        background-color: #B3C0D1;
        color: #333;
        line-height: 60px;
    }
</style>


